function createStore()
{
	/*Store is loaded using data in sourceEvent DB*/
	var store = Ext.create('Ext.data.JsonStore', {   
		autoLoad : true, 
		fields : ['sourceId'], 
		proxy : {
			type : 'ajax',
			url : '/../Cafca/SourceServlet', 
			reader : {
				type : 'json', 
				root : 'data', 
			},
			extraParams : {
				'param' : 'value' // On force l'appel au servlet en lui passant des params random. 
			}
		}
	});
	
	return store; 
}


function createResumePanel(){
	var result = Ext.create('Ext.form.Panel', {
		renderTo : 'summaryTimeEventAdded', 
		title : 'Summary', 
		frame : true,
		height : 150, 
		width : 400, 
		boddyPadding : 10,
		items : [
	         {
	        	 xtype : 'displayfield', 
	        	 fieldLabel : 'Name ', 
	        	 name : 'nameReceived',
	         }, {
	        	 xtype : 'displayfield', 
	        	 fieldLabel : 'Start date ', 
	        	 name : 'startDateReceived', 
	         }, {
	        	 xtype : 'displayfield', 
	        	 fieldLabel : 'End date ', 
	        	 name : 'endDateReceived', 
	         }, {
	        	 xtype : 'displayfield', 
	        	 fieldLabel : 'Source type ', 
	        	 name : 'stReceived',
	         }
         ]
	});
	
	return result; 
}


function createForm(){
	
	var storeEvent = createStore(); 
	
	Ext.create('Ext.form.Panel', {
		renderTo : 'addSourceEventForm',  
		title : 'Add a new Source Event ', 
		url : '/../Cafca/EventServlet', 
		method : 'POST', 
		frame : true,
		height : 400, 
		width : 400, 
		defaultType : 'textfield', 
		items : [
	         {
	        	 fieldLabel : 'Description (optional) ',
	        	 name : 'description', 
	        	 allowBlank : true, 
	        	 width : 300, 
	         }, {
	        	 fieldLabel : 'Value ', 
	        	 name : 'value', 
	        	 allowBlank : false, 
	         }, {
	        	 xtype : 'datefield',
	        	 fieldLabel : 'Start date ', 
	        	 format : 'd/m/Y',  
	        	 name : 'startDate', 
	        	 allowBlank : false, 
	         },
	         {
	        	 xtype : 'timefield',
	        	 fieldLabel : 'Start time', 
	        	 name : 'startTime',
	        	 allowBlank : false, 
	        	 format:'H:i',
	        	 value:'00:00'
	         },
	         {
	        	xtype : 'datefield', 
	        	fieldLabel : 'End date (optional) ', 
	        	format : 'd/m/Y', 
	        	name : 'endDate', 
	        	allowBlank : true, 	         
	        },
	        {
	        	 xtype : 'timefield',
	        	 fieldLabel : 'End time', 
	        	 name : 'endTime', 
	        	 allowBlank : false, 
	        	 format:'H:i',
	        	 value:'00:00'
	         },
	         {
	        	  xtype : 'combo', 
	        	  name : 'sourceId',
	        	  size : 25, 
	        	  fieldLabel : 'Source ', 
	        	  queryMode : 'local', 
	        	  displayField : 'sourceId',
	        	  valueField : 'sourceId',
	        	  editable : false, 
	        	  store : storeEvent
	         }, {
	        	 xtype : 'button', 
	        	 text : 'Create ', 
	        	 disabled : true, 
	 			 formBind : true,
	 			 handler : function(){
	 				var dataToSend = this.up('form').getForm(); 
					dataToSend.submit(
						{
						    params: 
						    {
						    	eventType:'SourceEvent',
						    	mode:'create'
						    },
							success:function(form, action)
							{
								/*
								var result = Ext.JSON.decode(action.response.responseText);
								var panel = createResumePanel(); 
								panel.items.items[0].setValue(result.data[0].timeEvent); 
								panel.items.items[1].setValue(result.data[0].startDate); 
								panel.items.items[2].setValue(result.data[0].endDate); 
								panel.items.items[3].setValue(result.data[0].sourceType); 
								*/
							}, 
							
							failure:function(form, action){
								alert("Failure"); 
							}
						}
					);
	         }
	         
	         }]
	});
}

Ext.onReady(createForm); 